.feature-panel {
  position: fixed;
  bottom: -280rpx;
  left: 0;
  right: 0;
  height: 280rpx;
  background-color: #f8f8f8;
  transition: bottom 0.3s ease;
  padding: 20rpx 32rpx;
  
  &.visible {
    bottom: 120rpx;
  }
}

.feature-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20rpx;
}

.feature-item {
  display: flex;
  flex-direction: column;
  align-items: center;
}

.feature-icon {
  width: 88rpx;
  height: 88rpx;
  background-color: #fff;
  border-radius: 20rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 40rpx;
  margin-bottom: 12rpx;
}

.feature-name {
  font-size: 24rpx;
  color: #666;
}